/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.grid {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 150px;
    margin-top: 100px;     /* half of the height */
    margin-left: -150px;   /* half of the width */
}

.decoratorHolderPanel {
	position: absolute;
    left: 50%;
    width: 300px;
    margin-top: -20px;     /* half of the height */
    margin-left: -150px;   /* half of the width */
}

.singleTopicPanel {
	width: 300px;
}
	
.threadPanel {
    position: absolute;
    left: 50%;
    width: 800px;

    margin-top: -60px;     /* half of the height */
    margin-left: -400px;   /* half of the width */
    spanning: 0px;
}

.userDatePanel {
	width: 800px;
	height: 20px;
	background-color: yellow;
}

.messageTextArea {
	width: 795px;
}

.newThreadTextArea {
	width: 750px;
}

.deleteButton {
  display: block;
  font-size: 10pt;
  alignment: right;
}

.showThreadLabel {
	font-size: 17px;
	font-weight: bold;
	margin-top:10px;
}
	